webpackJsonp([22],{

/***/ 124:
/***/ (function(module, exports, __webpack_require__) {

	var __vue_script__, __vue_template__
	var __vue_styles__ = {}
	__vue_script__ = __webpack_require__(125)
	if (Object.keys(__vue_script__).some(function (key) { return key !== "default" && key !== "__esModule" })) {
	  console.warn("[vue-loader] html\\dashboard\\vue\\profile-relation.vue: named exports in *.vue files are ignored.")}
	__vue_template__ = __webpack_require__(126)
	module.exports = __vue_script__ || {}
	if (module.exports.__esModule) module.exports = module.exports.default
	var __vue_options__ = typeof module.exports === "function" ? (module.exports.options || (module.exports.options = {})) : module.exports
	if (__vue_template__) {
	__vue_options__.template = __vue_template__
	}
	if (!__vue_options__.computed) __vue_options__.computed = {}
	Object.keys(__vue_styles__).forEach(function (key) {
	var module = __vue_styles__[key]
	__vue_options__.computed[key] = function () { return module }
	})
	if (true) {(function () {  module.hot.accept()
	  var hotAPI = __webpack_require__(17)
	  hotAPI.install(__webpack_require__(1), false)
	  if (!hotAPI.compatible) return
	  var id = "_v-f7627484/profile-relation.vue"
	  if (!module.hot.data) {
	    hotAPI.createRecord(id, module.exports)
	  } else {
	    hotAPI.update(id, module.exports, __vue_template__)
	  }
	})()}

/***/ }),

/***/ 125:
/***/ (function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	    value: true
	});

	var _stringify = __webpack_require__(59);

	var _stringify2 = _interopRequireDefault(_stringify);

	var _utils = __webpack_require__(40);

	var _utils2 = _interopRequireDefault(_utils);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	exports.default = {
	    data: function data() {
	        return {
	            user: _utils2.default.user()
	        };
	    },
	    methods: {
	        init: function init() {
	            var self = this;
	            if (window.relationInitialized) {
	                return true;
	            }
	            window.relationInitialized = true;
	            window.addEventListener('message', function (e) {
	                if (e.origin == 'http://www.xiaoyaoji.com.cn' || e.origin == 'https://www.xiaoyaoji.com.cn') {
	                    var data = e.data;
	                    data = JSON.parse(data);
	                    _utils2.default.post('/user/bind.json', data, function (rs) {
	                        toastr.success('绑定成功');
	                        self.user = rs.data.user;
	                        localStorage.setItem("user", (0, _stringify2.default)(rs.data.user));
	                    });
	                }
	            });
	        },
	        github: function github() {
	            this.init();
	            _utils2.default.window.github();
	        },
	        weibo: function weibo() {
	            this.init();
	            _utils2.default.window.weibo();
	        },
	        qq: function qq() {
	            this.init();
	            _utils2.default.window.qq();
	        },
	        unbind: function unbind(type) {
	            var self = this;
	            _utils2.default.post('/user/unbind/' + type + '.json', {}, function (rs) {
	                toastr.success('解绑成功');
	                self.user = rs.data.user;
	                localStorage.setItem("user", (0, _stringify2.default)(rs.data.user));
	            });
	        }

	    }
	};
	// </script>
	// <template>
	//     <div class="db-relation cb">
	//         <h1>关联账户</h1><br/>
	//         <p class="db-rel-desc">通过关联账户的绑定，您可以使用相关的授权账号登录小幺鸡服务。您也可以通过这些社会化服务，<br/>及时获取小幺鸡服务的信息。</p>
	//         <ul>
	//             <li class="ta-c">
	//                 <i class="iconfont icon-github"></i>
	//                 <p>Github</p>
	//                 <input type="button" class="btn btn-default" v-on:click="github" value="关联Github"
	//                        v-if="!user.bindGithub">
	//                 <input type="button" class="btn btn-info" v-on:click="unbind('GITHUB')" value="取消关联" v-else>
	//             </li>
	//             <li class="ta-c">
	//                 <i class="iconfont icon-weibo"></i>
	//                 <p>微博</p>
	//                 <input type="button" class="btn btn-default" v-on:click="weibo" value="关联微博" v-if="!user.bindWeibo">
	//                 <input type="button" class="btn btn-info" v-on:click="unbind('WEIBO')" value="取消关联" v-else>
	//             </li>
	//             <li class="ta-c">
	//                 <i class="iconfont icon-qq"></i>
	//                 <p>QQ</p>
	//                 <input type="button" class="btn btn-default" v-on:click="qq" value="关联QQ" v-if="!user.bindQQ">
	//                 <input type="button" class="btn btn-info" v-on:click="unbind('QQ')" value="取消关联" v-else>
	//             </li>
	//         </ul>
	//     </div>
	// </template>
	// <script>

/***/ }),

/***/ 126:
/***/ (function(module, exports) {

	module.exports = "\n<div class=\"db-relation cb\">\n    <h1>关联账户</h1><br/>\n    <p class=\"db-rel-desc\">通过关联账户的绑定，您可以使用相关的授权账号登录小幺鸡服务。您也可以通过这些社会化服务，<br/>及时获取小幺鸡服务的信息。</p>\n    <ul>\n        <li class=\"ta-c\">\n            <i class=\"iconfont icon-github\"></i>\n            <p>Github</p>\n            <input type=\"button\" class=\"btn btn-default\" v-on:click=\"github\" value=\"关联Github\"\n                   v-if=\"!user.bindGithub\">\n            <input type=\"button\" class=\"btn btn-info\" v-on:click=\"unbind('GITHUB')\" value=\"取消关联\" v-else>\n        </li>\n        <li class=\"ta-c\">\n            <i class=\"iconfont icon-weibo\"></i>\n            <p>微博</p>\n            <input type=\"button\" class=\"btn btn-default\" v-on:click=\"weibo\" value=\"关联微博\" v-if=\"!user.bindWeibo\">\n            <input type=\"button\" class=\"btn btn-info\" v-on:click=\"unbind('WEIBO')\" value=\"取消关联\" v-else>\n        </li>\n        <li class=\"ta-c\">\n            <i class=\"iconfont icon-qq\"></i>\n            <p>QQ</p>\n            <input type=\"button\" class=\"btn btn-default\" v-on:click=\"qq\" value=\"关联QQ\" v-if=\"!user.bindQQ\">\n            <input type=\"button\" class=\"btn btn-info\" v-on:click=\"unbind('QQ')\" value=\"取消关联\" v-else>\n        </li>\n    </ul>\n</div>\n";

/***/ })

});